<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>支付中心</title>
    <link href="/css/v2_index.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="/js/jquery.js"></script>
    <script type="text/javascript" src="/js/jquery.superslide.2.1.1.js"></script>
    <script language="javascript" type="text/javascript" src="/include/dedeajax2.js"></script>
    <script language="javascript" type="text/javascript">
    </script>
    <style type="text/css">
        .order-detail {
            padding-bottom: 20px;
        }

        .order-detail li {
            font-size: 16px;
        }

        .section {
            margin-top: 15px;
        }

        .button3 {
            margin-top: 30px;
            font-weight: 700;
        }

        .pay-method {
            overflow: hidden;
            border-top: 1px solid #ddd;
            padding-top: 20px;
        }

        ul.clearfix.jjpaytype {
            border-bottom: 1px solid #ddd;
            padding-bottom: 40px;
        }

        .pay-method .pay-method-title {
            height: 46px;
            line-height: 30px;
            font-size: 16px;
            color: #333;
        }

        .pay-method li {
            float: left;
            margin-right: 18px;
            position: relative;
            border-radius: 8px;
            overflow: hidden;
            width: 192px;
            height: 86px;
            background-color: #f3f5f7;
            border: 2px solid #f3f5f7;
            cursor: pointer;
            background-image: url(/images/pay_s.png);
        }

        .pay-method li:hover {
            border-color: #00bca1;
        }

        .pay-method .btn-grey-weixin {
            background-position: 30px -423px;
            background-repeat: no-repeat;
        }

        .pay-method .btn-grey-weixin.on {
            border-color: #00bca1;
        }

        .pay-method .btn-grey-alipay {
            background-position: 33px -304px;
            background-repeat: no-repeat;
        }

        .pay-method .btn-grey-alipay.on {
            border-color: #00bca1;
        }

        .summary .total {
            height: 24px;
            line-height: 24px;
            font-size: 14px;
            margin-top: 30px;
            text-align: right;
        }

        .summary span.price {
            font-size: 24px;
            color: #f01414;
        }
    </style>
</head>
<body>

<div class="dwz-box"></div>
<div class="head-container">
    <div class="wrap">
        <!-- logo -->
        <a class="logo" href="#" rel="nofollow"></a>
        <!-- logo End -->

        <!-- 网站导航 -->
        <div class="nav-item-box">
            <a href="#" class="pc-yxw-nav">首页</a>
            <a href="#" class="pc-yxw-nav">视频课程</a>
            <a href="#" class="pc-yxw-nav" rel="nofollow">会员特权</a>
            <a href="#" class="pc-yxw-nav">干货分享</a>
            <a class="pc-yxw-nav btn1" style="cursor:pointer;">手机学课</a>
        </div>
        <!-- 网站导航 End -->

        <!-- 课程搜索 -->
        <div class="ysearch-box">
            <form method="post" name="f1" action="#plus/search.php" onsubmit="return checkSearchForm()">
                <input type="hidden" name="kwtype" value="0">
                <input type="hidden" id="driverId" name="channeltype" value="17">
                <input type="text" class="yfixtext" id="keyword" name="keyword" placeholder="搜索课程"
                       autocomplete="off">
                <input type="submit" class="fixsbmt" value="">
            </form>
        </div>
        <!-- 课程搜索 End -->

        <!-- 登录/注册 -->
        <div class="topRight">
            <div class="sign-box" id="_userlogin">
                <a class="a globalLoginBtn" href="#member/" rel="nofollow">登录</a>
                <a class="a register" href="#member/index_do.php?fmdo=user&amp;dopost=regnew" rel="nofollow">注册</a>
            </div>
        </div>
        <!-- 登录/注册 End -->
    </div>
</div>
<!-- top头部 End -->

<div class="top-yxw-pc-gl"></div>

<!-- 右侧功能定位 -->
<div class="user-right">
    <div class="uc-box uc-main-box">
        <div class="uc-content-box order-list-box">

            <div class="box-hd"><h1 class="title">支付中心</h1></div>

            <div class="section">
                <form method="post" name="E_FORM" action="">
                    <input type="hidden" name="pd_encode" value="">
                    <input type="hidden" name="pd_verify" value="">
                    <input type="hidden" name="aid" value="">

                    <!-- 隐藏 -->
                    <input name="paytype" class="paytypeinp" type="hidden" value="10"/>
                    <!-- 隐藏 End -->

                    <div class="order-detail">
                        <ul>

                            <li class="clearfix">
                                <div><b>订单编号：</b><span th:text="${orderId}"></span></div>
                                <div class="content"></div>
                            </li>

                            <li class="clearfix">
                                <b>商品名称:</b><span th:text="${course.title}"></span>
                                <div class="content"></div>
                            </li>

                        </ul>
                    </div>

                    <!-- 支付按钮 -->
                    <div class="summary" style="float:right;">
                        <div class="clearfix total">
                            <span class="label">应付金额：</span>
                            <span class="price" th:text="'￥' + ${course.price}"></span>
                        </div>
                        <div class="actions">
                            <!--<button type="button" class="button3" onclick="payMoney()">立即支付</button>-->
                            <a th:href="'/order/create/' + ${course.id}" class="button3">&nbsp;&nbsp;立即支付&nbsp;&nbsp;</a>
                        </div>
                    </div>
                    <!-- 支付按钮 End -->
                </form>
            </div>
            <!-- 支付中心 End -->
        </div>


    </div>
</div>
</div>
<!-- 右侧功能定位 End -->
</div>
<script type="text/javascript">
    function payMoney() {
        // 获取上下文数据：
        let courseId = [[${course.id}]];
        console.log("courseId:", courseId);
        location.href = '/order/create/' + courseId;
    }
</script>

</body>
</html>
